<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:set value="${pageContext.request.contextPath }" var="baseUrl"></c:set>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>项目详情页</title>
    <script type="text/javascript" src="js/jquery1.42.min.js"></script>
<link href="css/base.css" rel="stylesheet" type="text/css">
<link href="css/pro-det.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="header">
   <div class="head">
      <div class="logo"><a href="#"><img src="images/pre_03.jpg" alt="logo"/></a></div>
      <div class="nav">
        <ul>
           <li class="nav_list"><a href="#"><img src="images/pre_06.jpg" width="45" height="44" /><p>首页</p></a></li>
           <li class="nav_list"><a href="#"><img src="images/pre_08.jpg" /><p>预览项目</p></a></li>
           <li class="nav_list"><a href="#"><img src="images/pre_10.jpg" /><p>资讯</p></a></li>
           <li class="nav_list"><a href="#"><img src="images/pre_12.jpg" /><p>了解我们</p></a></li>
        </ul>
       </div>

      <!-- nav end -->
      <!-- 登录&&注册 begin -->
       <div class="loginbox">
         <ul>
           <c:if test="${user1 == null }">
            	<a class="index-login1" href="login.jsp">登录</a>
            </c:if>
            <c:if test="${user1 != null }">
            	<a href="${baseUrl }/UserController/intoUser?usId=${user1.usId}"><img alt="用户头像" title="个人中心" src="http://pic1.win4000.com/wallpaper/5/5894364aa872c.jpg" width="30px"></a>
            	<span style="color: white;">|</span>
            	<a href="${baseUrl }/UserController/outUser" title="退出登录">注销</a>
            </c:if>
            <c:if test="${user1 == null }">
            	<span style="color: white;">|</span>
            	<a href="user.jsp">注册</a>
            </c:if>	
         </ul>
      </div>
      <!-- 登录&&注册 end -->
   </div>
</div>
<!-- header end -->
<!-- banner -->
<div class="banner">

    <div class="banner1">
       <div class="banner-min1">筹集成功</div>
<div class="banner-min">
<h2>筷子旅行包车平台</h2>
    <h4>融资目标： ￥ 300.00万&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;目标人数： 20</h4>
    <h4>已筹集： ￥ 301.00万&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;剩余时间： 已经结束</h4>
</div>

       <div class="banner-min2">
           <h3>融资阶段：A轮</h3>
           <div class="banner-min2-txt">
               <a href=""><img src="images/zzz2_13.png" alt=""/><span>89</span></a>
               <a href=""><img src="images/zzz_10.png" alt=""/><span>235</span></a></div>
       </div>
   </div>
   <div class="share"><img src="images/pro_de_05.png" alt="分享到" /></div>
</div>
<!-- mian begin -->
<div class="mian">
   <div class="pro-det-tab">
      <ul>
        <li class="active">项目概况</li>
        <li>投资列表</li>
        <li>评论<span>（13）</span></li>
      </ul>
   </div>
   <!-- tab end -->
   <div class="part clear:after">

       <div class="part_l b">
         <div class="part_l-t part_l-t1">
            <ul>
                <li class="on">图文介绍</li>
                <li>团队介绍</li>
            </ul>
         </div>
          <div class="part-mm1 mb">
              <div class="part_l_title"><h3>图文介绍</h3><div class="dashed"></div></div>
              <div class="part_l_p"><img src="images/pro_deBig_12.jpg" /></div>
          </div>  <div class="part-mm1">
              <div class="part_l_title"><h3>图文绍22</h3><div class="dashed"></div></div>
              <div class="part_l_p"><img src="images/pro_deBig_12.jpg" /></div>
          </div>
      </div>

       <div class="part_l">
         <div class="part_l-t part_l-t2">
            <ul>
                <li class="on">图文介绍</li>
                <li>团队介绍</li>
                <li>融资计划</li>
            </ul>
         </div>
       <div class="part-mm2 mb">
           <div class="part_l_title"><h3>图文介绍1</h3><div class="dashed"></div></div>
           <div class="part_l_p"><img src="images/pro_deBig_12.jpg" /></div>
       </div>
           <div class="
       part-mm2">
           <div class="part_l_title"><h3>图文介绍11</h3><div class="dashed"></div></div>
           <div class="part_l_p"><img src="images/pro_deBig_12.jpg" /></div>
       </div><div class="part-mm2">
           <div class="part_l_title"><h3>图文介绍1</h3><div class="dashed"></div></div>
           <div class="part_l_p"><img src="images/pro_deBig_12.jpg" /></div>
       </div>
      </div> <div class="part_l">
         <div class="part_l-t part_l-t3">
            <ul>
               <li class="on">图文介绍</li>
               <li>团队介绍</li>
               <li>融资资料</li>
               <li>融资计划</li>
            </ul>
         </div>
       <div class="part-mm3 mb">
         <div class="part_l_title"><h3>图文绍2</h3><div class="dashed"></div></div>
         <div class="part_l_p"><img src="images/pro_deBig_12.jpg" /></div>
       </div><div class="part-mm3">
         <div class="part_l_title"><h3>图绍212</h3><div class="dashed"></div></div>
         <div class="part_l_p"><img src="images/pro_deBig_12.jpg" /></div>
       </div><div class="part-mm3">
         <div class="part_l_title"><h3>图文绍22</h3><div class="dashed"></div></div>
         <div class="part_l_p"><img src="images/pro_deBig_12.jpg" /></div>
       </div><div class="part-mm3">
         <div class="part_l_title"><h3>介绍23</h3><div class="dashed"></div></div>
         <div class="part_l_p"><img src="images/pro_deBig_12.jpg" /></div>
       </div>
      </div>

      <div class="part_r">
         <div class="part_r1">
            <div class="title">￥50,000<span>已有18位投资人</span></div>
            <div class="part_r1_p clear:after">
               <div class="part_mon"><img src="images/pro_de_09.jpg" />
                  <h3>最低起投金额</h3>
                  <p>投资目标<span class="part_r1_n">18</span>人</p>
               </div>
               <div class="part_r1p">
                  <p>1.最低投资金额指在项目募集期间投资人可投资的最低金额额度。<br/>2.投资金额以投资基数1000元递增。<br/>3.接受超募，超过目标人数后可继续募集，到达最高募集<span>36</span>人后停止募集</p>
               </div>
            </div>
            <div class="submit"><a href="#">我要投资</a></div>
         </div>
         <!-- next -->
         <div class="part_r1">
            <div class="title">￥5,000<span>已有2位投资人</span></div>
            <div class="part_r1_p clear:after">
               <div class="part_mon" style="margin-top:30px;"><img src="images/pro_de_10.jpg" />
                  <h3>小东家起投金额</h3>
                  <p>投资目标<span class="part_r1_n">2</span>人</p>
               </div>
               <div class="part_r1p">
                  <p>1.小东家是平台释放的低起投金额参投计划届时符合条件的投资人可进行低额度参投，一般情况起投金额为5000元。具体参考<a href="#">小东家参投计划</a><br/>2.投资金额以投资基数1000元递增。<br/>3.小东家参投与普通参投同时开放。4.接受超募，超过目标人数后可继续募集，到达最高募集<span>6</span>人后停止募集</p>
               </div>
            </div>
            
            <div class="quest">接受超募，投标，您的投标将进入候补。</div>
         </div>
         <div class="part_lbutton">
              <a href=""><img src="images/button_03.png" alt=""/>
              </a>
          </div>
          <div class="part_r1 part_2">
              <h3>项目发起方</h3>
              <div class="part_2-con">
                  <div class="part_2-conh"><img src="images/header1_07.png" alt=""/></div>
                  <div class="part_2-cont">
                      <div class="part_2-contt">的低起投起投起投金额</div>
                      <div class="part_2-contc">创业者</div>
                      1.小东家是平台释放的低起投金额参投计划届时符1.小东家是平台
                  </div>
              </div>
              <h3>领投人寄语</h3>
              <p>1.小东家是平台释放的低起投金额参投计划届时符1.小东家是平台1.小东家是平台释放的低起投金额参投计划届时符1.小东家是平台</p>
          </div>
          <div class="part_r1 part_2 part_3">
              <h3>Q&A</h3>
              <div class="part_3-min">Q:平台释放的低起投金额</div>
              <div class="part_3-txt">A:小东家是平台释放的低起投金额参投计划届时符1.小东家是平台1.小东家是平台释放的低起投金额参投计划届时符1.届时符1.小东家是平台1.小东家是平台释放的低起投金额参投计划届时符1.届时符1.小东家是平台1.小东家是平台释放的低起投金额参投计划届时符1.小东家是平台</div>
              <div class="part_3-min">Q:平台释放的低起投金额</div>
              <div class="part_3-txt">A:小东家是平台释放的低起投金额参投计划届时符1.小东家是平台1.小东家是平台释放的低起投金额参投计划届时符1.届时符1.小东家是平台1.小东家是平台释放的低起投金额参投计划届时符1.届时符1.小东家是平台1.小东家是平台释放的低起投金额参投计划届时符1.小东家是平台</div>
          </div>
      </div>
   </div>
</div>
<!-- bottom begin -->
<div id="bottom">
  <div class="bottom_p">
   <div class="copy">
      <a href="#" class="">关于51众筹</a>
      <b>|</b>
      <a href="#">联系我们</a>
      <b>|</b>
      <a href="#">免责声明</a>
      <br/>
      <br/>
      <span>Copyright © 2004-2015 51众筹ZC.com 版权所有</span>
      <b>|</b>
      <span>投资有风险，购买需谨慎</span>
   </div>
   <div class="contact">
      <div class="contact_p">
         <p>联系我们<span>（9:00-22:00）</span></p>
         <span>400 098 8511(个人业务)</span>
         <span>400 098 8511(个人业务)</span>
      </div>
      <div class="contact_wx">
         <a href="#"><img src="images/pre_36.jpg" alt="关注微信"/></a>
         <img src="images/pre_39.jpg" />
         <span>51众筹大趴</span>
      </div>
   </div>
  </div>
</div>
<script>
    $(document).ready(function(){
        $(".pro-det-tab li").click(function(){
            $(".pro-det-tab li").eq($(this).index()).addClass("active").siblings().removeClass('active');
            $(".part_l").hide().eq($(this).index()).show(); })
        $(".part_l-t1 li").click(function(){
            $(".part_l-t1 li").eq($(this).index()).addClass("on").siblings().removeClass('on');
            $(".part-mm1").hide().eq($(this).index()).show(); })
        $(".part_l-t2 li").click(function(){
            $(".part_l-t2 li").eq($(this).index()).addClass("on").siblings().removeClass('on');
            $(".part-mm2").hide().eq($(this).index()).show(); })
        $(".part_l-t3 li").click(function(){
            $(".part_l-t3 li").eq($(this).index()).addClass("on").siblings().removeClass('on');
            $(".part-mm3").hide().eq($(this).index()).show(); })
    });
</script>
</body>
</html>
